<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>首页</title>
<link rel="stylesheet" href="../../Content/css/bootstrap.min.css" />
<link rel="stylesheet" href="../../Content/css/font-awesome.min.css" />
<link rel="stylesheet" href="../../Content/css/base.css" />
</head>

<body>
  

<div class="main">
    <div class="main-left" id="mainLeft">
    	<div id="sidebar" class="sidebar ">
            <ul class="list-unstyled left-nav">
                <li><a class="hover" href="#"><i class="icon-dashboard mr_10" data-toggle="tooltip" data-placement="right" title="项目通知"></i><span class="menu-text">项目通知</span></a></li>
                <li><a href="#"><i class="icon-dashboard mr_10"  data-toggle="tooltip" data-placement="right" title="适合的职位"></i><span class="menu-text">适合的职位</span></a></li>
                <li><a href="#"><i class="icon-dashboard mr_10"  data-toggle="tooltip" data-placement="right" title="项目说明会"></i><span class="menu-text">项目说明会</span></a></li>
                <li><a href="#"><i class="icon-dashboard mr_10"  data-toggle="tooltip" data-placement="right" title="新推荐候选人"></i><span class="menu-text">新推荐候选人</span></a></li>
            </ul>
            
            <div class="sidebar-collapse" id="sidebar-collapse">
                <i class="icon-double-angle-left" data-icon1="icon-double-angle-left" data-icon2="icon-double-angle-right"></i>
            </div>
        </div>
	</div>
    
</div>
<script src="../../Scripts/jquery.min.js"></script>
<script src="../../Scripts/bootstrap.min.js"></script>
<script>
	//菜单展开折叠
	$(function(){
		var mainLeft = $("#mainLeft");
		var mainLeftWidth = mainLeft.width()
		$('#sidebar-collapse').bind('click',function(){
			var calssn = $(this).children('i').get(0);
			if (calssn.className == "icon-double-angle-left" ) {
				calssn.className = "icon-double-angle-right";
				mainLeft.find(".menu-text").hide();
				mainLeft.animate({width:53},"fast")
				.find("ul").find("i").animate({fontSize:20},"fast")
				.tooltip();				
			}else if(calssn.className == "icon-double-angle-right"){
				calssn.className = "icon-double-angle-left";
				mainLeft.animate({width:mainLeftWidth},function() {
					mainLeft.find(".menu-text").show();
					$(this).find("ul").find("i").css("font-size",16).tooltip("destroy");
				})
			}
		})
	})
</script>
</body>
</html>
